.info-bar {
  --info-bar-border: 1px solid var(--vscode-settings-headerBorder);

  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-top: var(--info-bar-border);
  font-size: var(--vscode-font-size);
  font-family: var(--vscode-font-family);
  color: var(--vscode-descriptionForeground);
  text-align: center;
}

.preview-bar {
  display: flex;
  width: 100%;
  height: 100%;
  div {
    flex: 1 0 auto;
    min-width: 0;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: var(--info-bar-border);
    padding: 0 8px;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  div:last-child {
    border-right: none;
  }
}
